<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
   <% String path=request.getContextPath(); 
   String basePath=request.getScheme()
    + "://" + request.getServerName() + ":" + request.getServerPort() + path
    + "/"; 

%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head>
<base href="<%=basePath%>">
<title>系统样式</title>

<%@ include file="/WEB-INF/jsp/common/common.jsp" %>
<script src="js/jquery.validate.js" type="text/javascript" ></script>
<script src="js/jquery.divbox.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
	
	
	
});

function opensimpletDiv(){
	$("#simpleDiv").OpenDiv();
}
function closesimpleDiv(){
	$("#simpleDiv").CloseDiv();
}
function openloading(){
	$.openLoading();
}
function closeloading(){
	$.closeLoading();
}
function openmessage(){
	//success 代表是对号
	//error 代表是错误 叉
	//warn 代表警告
	$.message("success", "操作成功");
}
function ajaxmessage(){
	$.openLoading();
	$.ajax({
		url : "ajaxMessage",
		type : 'POST',
		async : false,
		data : {
			//当系统出现异常时的弹出信息  data : '' or data:'fail'
			//当需要提示成功时 data : 'success' 
			//当需要提升 错误时data:'error'
			data : 'fail' 
		},
		dataType : 'json',
		success : function(obj) {
			$.closeLoading();
			if($.validate(obj))return;
			//成功继续执行
			$.message("success", "继续执行");
		}
	});
	
}
function confirm1(){
	$.dialog({
		type: "warn",//success,error
		content: "你确定要删除这个产品么",
		/*重写
		onCancel:function(){
			alert("onCancel:function");
		},
		onClose:function(){
			alert("onClose:function");
		},*/
		onOk: function() {
			alert("onOk:function");
		}
	});
}
</script>
</head>
<body>
<div class="right">
	<input type="button"  class="input_button_2" id="searchBtn" value="弹出" onClick="opensimpletDiv()"/>
	<input type="button"  class="input_button_2" id="searchBtn" value="遮罩加载" onClick="openloading()"/>
	<input type="button"  class="input_button_2" id="searchBtn" value="消息" onClick="openmessage()"/>
	<input type="button"  class="input_button_2" id="searchBtn" value="ajax消息" onClick="ajaxmessage()"/>
	<input type="button"  class="input_button_2" id="searchBtn" value="确认弹出框" onClick="confirm1()"/>
<br>
<br>$.message("success", "操作成功");代替 alert();效果点击 消息 按钮
<br>success 代表是对号
<br>error 代表是错误 叉
<br>warn 代表警告
<br>
<br>$.dialog({type: "warn",content: "你确定要删除这个产品么",onOk: function() {alert("onOk:function");}}); 代替confirm函数
<br>success 代表是对号 、error 代表是错误 叉、warn 代表警告
<br>
<br>onCancel 回执取消按钮
<br>onClose 回执关闭按钮
</div>
		<!--   	添加模板 DIV 默认隐藏-->
  		<div id="simpleDiv"  style="display:none;width:80%">
			<input type="hidden" id="row_num" name="row_num" value="0"/>
			<div class="table_title_div">
					<table class="table_title" style='width:100%;height: 20px;'>
						<tr>
						<td width="10%"></td>
						<td width="80%" id="interfaceName"></td>
						<td width="10%" align="right"><img src="<%=path %>/images/closedown.gif" alt="关闭"  onclick="closesimpleDiv()"/></td>
						</tr>
					</table>
			</div>
			<!-- 修改id 名 -->
			<table class="table_02" id="addtempletTable" align="center" >
				<tbody>
					<tr>
						<td>
							<!-- 修改数据table名 -->
							<table id="productTempletTable"  class="content_table_1">
								<thead>
									<tr class="f1">
					                  <th style="width:5%">选择</th>
					                  <th style="width:45%">产品模板号</th>
					                  <th style="width:50%">产品模板名字</th>
					              	</tr>
								</thead>
								<!-- 修改tobody 默认为空 -->
								<tbody>
								
								
								<tr><td><input class="input_fxk" name="radioTemple" type="radio" value=""></td><td>1922000021</td><td>商务旅行意外伤害保险(2014版)</td></tr><tr><td><input class="input_fxk" name="radioTemple" type="radio" value=""></td><td>1920000075</td><td>境内旅行人身意外伤害保险(交易系统模版)</td></tr><tr><td><input class="input_fxk" name="radioTemple" type="radio" value=""></td><td>1920000092</td><td>境外旅行人身意外伤害保险(交易系统模版)</td></tr><tr><td><input class="input_fxk" name="radioTemple" type="radio" value=""></td><td>1982000030</td><td>航空旅客意外伤害保险(交易系统模版)</td></tr><tr><td><input class="input_fxk" name="radioTemple" type="radio" value=""></td><td>1953000028</td><td>个人公共交通意外伤害保险C型(2014版交易系统模版)</td></tr><tr><td><input class="input_fxk" name="radioTemple" type="radio" value=""></td><td>1982000032</td><td>航空旅客意外伤害保险(2014版交易模版)</td></tr><tr><td><input class="input_fxk" name="radioTemple" type="radio" value=""></td><td>1920000108</td><td>境内旅行意外伤害保险(2014版)</td></tr><tr><td><input class="input_fxk" name="radioTemple" type="radio" value=""></td><td>1960000048</td><td>短期借款人意外伤害保险(2014版)</td></tr>
								
								</tbody>
							</table>
							<!-- 修改分页编码id 名  默认为空-->
							<div id="productTempletpageDIV" class="page">
							
							<ul><li><a onclick="invokeM(1,11);return" false=""><img src="./images/page_1.jpg"></a></li><li><a onclick="invokeM(0,11);return" false=""><img src="./images/page_2.jpg"></a></li><li class="page_a"><a href="" class="page_a_click" onclick="invokeM(1,11);return false">1</a></li><li><a onclick="invokeM(1,11);return" false=""><img src="./images/page_3.jpg"></a></li><li><a onclick="invokeM(1,11);return" false=""><img src="./images/page_4.jpg"></a></li><li>跳转到:<select id="selectPage" class="page_select_1" onchange="loadDateBySelVal(this,11)"><option value="1" selected="selected">选择</option><option value="1" selected="">1</option></select></li></ul>
							
							</div>
						</td>
					</tr>
					<tr>
	                  <td colspan="3" style="text-align:center">
	                     <input class="input_button_1" name="" type="button" onclick="closesimpleDiv()" value="确定">&nbsp;&nbsp;
	                     <input class="input_button_1" name="" type="button" onclick="closesimpleDiv()" value="取消">
	                  </td>
	              	</tr>
				</tbody>
			</table>
	</div>

</body>
</html>